// 从URL中获取课程ID
		
		const urlParams = new URLSearchParams(window.location.search);
				const idValue = urlParams.get('id');
				const tid = idValue? idValue.toString() : "";
		
		// 获取视频URL并更新播放器
		function loadVideoUrl() {
		    // const courseId = getCourseIdFromUrl();
		    // if (!courseId) {
		    //     console.error('未找到课程ID');
		    //     return;
		    // }
		
		    // 构建请求URL
		    const params = new URLSearchParams({
		        method: 'queryone',
		        id: tid
		    });
		
		    
		    fetch(`http://10.2.1.5:8089/EXOnline/admin/courses?${params}`)
		        .then(response => {
		            if (!response.ok) {
		                throw new Error('网络响应失败');
		            }
		            return response.json();
		        })
		        .then(data => {
		            console.log('服务器返回的数据:', data);
		            if (data && data.code === 200 && data.data && data.data.videoUrl) {
		                // 更新视频播放器的src
		                updateVideoPlayer(data.data.videourls);
		            } else {
		                console.error('无效的视频数据:', data);
		            }
		        })
		        .catch(error => {
		            console.error('获取视频数据失败:', error);
		        });
		}
		
		// 更新视频播放器
		function updateVideoPlayer(videoUrl) {
		    const videoContainer = document.querySelector('.video-container');
		    if (videoContainer && videoUrl) {
		        videoContainer.innerHTML = `
		            <video 
		                src="${videoUrl}" 
		                controls
		                style="width: 100%; height: 100%;"
		            >
		                您的浏览器不支持 video 标签
		            </video>
		        `;
		    } else {
		        videoContainer.innerHTML = '<div class="loading">暂无视频数据</div>';
		    }
		}
		
		// 生成左侧菜单
		function generateMenu(videourls) {
		    const courseMenu = document.querySelector('.course-menu');
		    courseMenu.innerHTML = '<div class="menu-title">课程目录</div>';
		    
		    // 遍历videourls对象，生成菜单项
		    Object.entries(videourls).forEach(([title, url], index) => {
		        const menuItem = document.createElement('div');
		        menuItem.className = 'chapter-title';
		        menuItem.innerHTML = `
		            <span class="section-number">${index + 1}.</span>
		            <span class="section-title">${title}</span>
		        `;
		        
		        // 添加点击事件
		        menuItem.addEventListener('click', () => {
		            // 移除其他菜单项的选中状态
		            document.querySelectorAll('.chapter-title').forEach(item => {
		                item.classList.remove('active');
		            });
		            // 添加当前菜单项的选中状态
		            menuItem.classList.add('active');
		            // 更新视频播放器
		            updateVideoPlayer(url);
		        });
		        
		        courseMenu.appendChild(menuItem);
		    });
		}
		
		// 获取课程数据并初始化页面
		// 修改 loadCourseData 函数
		function loadCourseData() {
		    const params = new URLSearchParams({
		        method: 'queryone',
		        id: tid
		    });
		
		    fetch(`http://10.2.1.5:8089/EXOnline/admin/courses?${params}`)
		        .then(response => {
		            if (!response.ok) {
		                throw new Error('网络响应失败');
		            }
		            return response.json();
		        })
		        .then(data => {
		            console.log('服务器返回的数据:', data);
		            if (data && data.code === 200 && data.data) {
		                // 生成左侧菜单
		                if (data.data.videourls) {
		                    generateMenu(data.data.videourls);
		                    
		                    // 默认播放第一个视频
		                    const firstVideo = Object.values(data.data.videourls)[0];
		                    if (firstVideo) {
		                        updateVideoPlayer(firstVideo);
		                        // 选中第一个菜单项
		                        const firstMenuItem = document.querySelector('.chapter-title');
		                        if (firstMenuItem) {
		                            firstMenuItem.classList.add('active');
		                        }
		                    }
		                }
		                
		                // 更新课程介绍内容
		                updateCourseIntro(data.data.cintroduce);
		            } else {
		                console.error('无效的数据:', data);
		            }
		        })
		        .catch(error => {
		            console.error('获取课程数据失败:', error);
		        });
		}
		
		// 添加更新课程介绍的函数
		function updateCourseIntro(introText) {
		    const courseIntro = document.querySelector('.course-intro');
		    if (courseIntro) {
		        courseIntro.innerHTML = `
		            <h2>课程介绍</h2>
		            <p>${introText || '暂无课程介绍'}</p>
		        `;
		    }
		}
		
		// 添加新的样式
		const style = document.createElement('style');
		style.textContent = `
		    .chapter-title {
		        padding: 12px 15px;
		        margin-bottom: 8px;
		        border-radius: 6px;
		        cursor: pointer;
		        transition: all 0.3s;
		    }
		
		    .chapter-title:hover {
		        background-color: #f5f5f5;
		    }
		
		    .chapter-title.active {
		        background-color: #e6f7ff;
		        color: #1890ff;
		    }
		
		    .section-title {
		        flex: 1;
		    }
		`;
		document.head.appendChild(style);
		
		// 页面加载完成后执行
		document.addEventListener('DOMContentLoaded', () => {
		    loadCourseData();
		});
